<!doctype html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="Generator" content="EditPlus®">
    <meta name="Author" content="">
    <meta name="Keywords" content="">
    <meta name="Description" content="">
    <meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE">
    <meta name="renderer" content="webkit">
    <title>订单提交成功</title>
    <link rel="shortcut icon" type="image/x-icon" th:href="@{/myFile/imgold/icon/favicon.ico}">
    <link rel="stylesheet" type="text/css" th:href="@{/theme/css/base.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/theme/css/home.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/layui/css/layui.css}">
    <script type="text/javascript" th:src="@{/theme/js/jquery.js}"></script>
    <script type="text/javascript" th:src="@{/theme/js/js-tab.js}"></script>
    <script type="text/javascript" th:src="@{/theme/js/delCartOnPages.js}"></script>
    <script type="text/javascript" th:src="@{/layui/layui.all.js}"></script>
    <script type="text/javascript" th:src="@{/theme/js/searchToPage.js}"></script>
    <script type="text/javascript" th:src="@{/theme/js/encrypt/aes.js}"></script>
    <script type="text/javascript" th:src="@{/theme/js/encrypt/jsencrypt.min.js}"></script>
    <script type="text/javascript" th:src="@{/theme/js/encrypt/pad-zeropadding.js}"></script>
    <script type="text/javascript" th:src="@{/theme/js/encrypt/security.js}"></script>
    <script type="text/javascript" th:src="@{/theme/js/encrypt/random.js}"></script>
    <script type="text/javascript" th:src="@{/theme/js/encrypt/sendEncrypt.js}"></script>

    <script>

        function aliPay() {
            var allPayPrice = "[[${allPayPrice}]]";
            var orderId = "[[${orderId}]]";
            window.location="orders/aliPay?orderId="+orderId+"&allPayPrice="+allPayPrice;
        }
        function payNow() {
            var remain = "[[${remain}]]";
            var allPayPrice = "[[${allPayPrice}]]";
            var orderId = "[[${orderId}]]";
            console.log(orderId);
            layer.prompt({title: '请输入支付密码，并确认',formType: 1},function (text, index) {
                layer.close(index);
                $.ajax({
                    url: "/orders/payNow",
                    dataType: "json",
                    data:  sendEncrypt(JSON.stringify(
                        {"orderId": orderId, "allPayPrice": allPayPrice,"Rpaypass":text}
                    )),
                    async: false,
                    contentType: "application/json",
                    success: function (data) {
                        data=JSON.parse(receiveEncrypt(data));
                        if (data["result"] == "ok") {
                            layer.msg('支付成功', {time: 1000}, function () {
                                window.history.go(-2);
                            });
                        } else if (data["result"] == "fail") {
                            layer.msg('支付失败！', {time: 1000}, function () {
                                window.location.reload();
                            });
                        }else if (data["result"] == "payPassError") {
                            layer.msg('支付密码错误！', {time: 1000}, function () {
                                window.location.reload();
                            });
                        }else if (data["result"] == "userError") {
                            layer.msg('该订单不属于您哦~', {time: 1000}, function () {
                                window.location.reload();
                            });
                        } else if (data["result"] == "noMoney") {
                            layer.msg('余额不足，请充值', {time: 1000}, function () {
                                window.location.reload();
                            });
                        } else if (data["result"] == "noSession") {
                            layer.msg('登录失效，请重新的登录！', {time: 1000}, function () {
                                window.location = "login";
                            });
                        }
                    },
                    type: "post"
                });
            });


        }



        function logout() {
            $.ajax({
                url: "/user/logout",
                dataType: "json",
                data: {},
                async: false,
                success: function (data) {
                    if (data["result"] == "ok") {
                        layer.msg('退出成功', {time: 1000}, function () {
                            window.location = "index";
                        });
                    } else if (data["result"] == "fail") {
                        layer.msg('您还没有登录哦~', {time: 1000}, function () {
                            window.location.reload();
                        });
                    }
                },
                type: "post"
            });
        }

        $(function () {

            $("#H-table li").each(function (i) {
                $(this).click((function (k) {
                    var _index = k;
                    return function () {
                        $(this).addClass("cur").siblings().removeClass("cur");
                        $(".H-over").hide();
                        $(".H-over:eq(" + _index + ")").show();
                    }
                })(i));
            });
            $("#H-table1 li").each(function (i) {
                $(this).click((function (k) {
                    var _index = k;
                    return function () {
                        $(this).addClass("cur").siblings().removeClass("cur");
                        $(".H-over1").hide();
                        $(".H-over1:eq(" + _index + ")").show();
                    }
                })(i));
            });
        });
    </script>
    <script type="text/javascript">
        (function (a) {
            a.fn.hoverClass = function (b) {
                var a = this;
                a.each(function (c) {
                    a.eq(c).hover(function () {
                        $(this).addClass(b)
                    }, function () {
                        $(this).removeClass(b)
                    })
                });
                return a
            };
        })(jQuery);

        $(function () {
            $("#pc-nav").hoverClass("current");
        });
    </script>

</head>
<body>

 <input type="hidden" id="cartIdNull" th:value="${session.cartIsNull}">
<!--- header begin-->
<header id="pc-header">
    <div class="BHeader">
        <div class="yNavIndex">
            <ul class="BHeaderl">
                <li><a th:if="${session.userId}==null" th:href="@{/login}">请登录</a></li>
                <li class="headerul" th:if="${session.userId}==null">|</li>
                <li><a th:if="${session.userId}==null" th:href="@{/register}">免费注册</a></li>
                <li class="headerul" th:if="${session.userId}==null">|</li>
                <li><a th:href="@{/myOrder?pageNum=1&pageSize=5}" th:if="${session.userId}!=null">我的订单</a></li>
                <li class="headerul" th:if="${session.userId}!=null">|</li>
                <li><a th:href="@{/myCollect?pageNum=1&pageSize=8}" th:if="${session.userId}!=null">我的收藏</a></li>
                <li class="headerul" th:if="${session.userId}!=null">|</li>
                <li id="pc-nav" class="menu" th:if="${session.userId}!=null"><a th:href="@{#}" class="tit">我的淘淘</a>
                    <div class="subnav">
                        <a th:href="@{/accountSecurity}">账户安全</a>
                        <a th:href="@{/myAddress}">地址管理</a>
                        <a th:href="@{/myEvaluate?pageNum=1&pageSize=5}">我的评价</a> <a th:href="@{/viewHistory?pageNum=1&pageSize=5}">浏览记录</a>
                    </div>
                </li>
                <li class="headerul" th:if="${session.userId}!=null">|</li>
                <li th:if="${session.userId}!=null">
                    <a th:text="${session.userName}"></a>
                </li>
                <li th:if="${session.userId}!=null">
                    <img th:src="'/myFile/img/userHeadPic/'+${session.userHead}+''"
                         onclick="javascript:window.location='myInfo'" style=" width:30px;height:30px;">
                    <a href="javascript:logout()" style="float: right;">退出</a>
                </li>
            </ul>
        </div>
    </div>
    <div class="container clearfix" style="padding:20px 0 20px ">
        <div class="header-logo fl"><h1><a th:href="@{/index}" style="color:#ea4949;">
            <img th:src="@{/myFile/imgold/icon/logo1.png}" style="width:100px;height:80px;"><strong>淘淘商城</strong></a>
        </h1>
        </div>
        <div class="pc-step-title fl" style="padding:20px;">
            <ul>
                <li class="cur2"><a th:href="@{/myCart?pageNum=1&pageSize=5}">1 . 我的购物车</a></li>
                <li class="cur2"><a th:href="@{/ordersFill}">2 . 填写核对订单</a></li>
                <li class="cur"><a th:href="@{/ordersSuccess}">3 . 成功提交订单</a></li>
            </ul>
        </div>
    </div>

</header>
<!-- header End -->

<div th:if="${isUser}==false" style="height:400px;text-align: center">
    <p style="margin-top:200px;text-align:center;font-size: 18px;">该订单不属于您哦~</p><br>
    <button type="button" class="layui-btn layui-btn-primary " onclick="window.history.go(-1);"> <i class="layui-icon">&#xe65c;</i>返回</button>

</div>
<div th:if="${error}=='error'" style="height:400px;text-align: center">
    <p style="margin-top:200px;text-align:center;font-size: 18px;">系统错误，请返回重试~</p><br>
    <button type="button" class="layui-btn layui-btn-primary " onclick="window.history.go(-1);"> <i class="layui-icon">&#xe65c;</i>返回</button>

</div>
<div th:if="${toType}=='cart'">
    <!-- 订单提交成功 begin-->
    <section>
        <div class="containers">
            <div class="pc-order-title"><h3>您的订单已提交成功!</h3></div>
            <div class="pc-border">
                <div class="pc-order-text">
                    <p>订单提交成功，请您尽快付款！ 订单号 ：<em th:text="${deliveryAddress.id}"></em></p>
                    <p class="reds">请您在提交订单后24小时内完成付款，否则订单自动取消。</em></p>
                </div>
                <div class="pc-line"></div>
                <div class="pc-order-text">
                    <div th:each="scs : ${SpeComs}">
                        <p>商品名称：<span th:text="${scs.name}"> <span th:text="${scs.typeName}"></p>
                    </div>

                    <p>
                        收货地址：
                        <span th:text="${deliveryAddress.province}"></span>
                        <span th:text="${deliveryAddress.city}"></span>
                        <span th:text="${deliveryAddress.area}"></span>
                        <span th:text="${deliveryAddress.address}"></span>
                        收货人： <span th:text="${deliveryAddress.receiver}"></span>
                        电话：<span th:text="${deliveryAddress.phone}"></span>
                    </p>
                </div>
            </div>
        </div>
    </section>
    <!-- 订单提交成功 End-->

    <div class="pc-buying clearfix" style="margin-top:30px">
        <div class="time-list time-list-w">

        </div>
            <!--        <div class="time-title">

            -->
            <div style="float: left">
                <span class="pc-order-price" id="allPayPrice" th:text="'总价：￥'+${allPayPrice}+''"></span><br/>
            </div>
            <div style="float: left">
                <span class="pc-order-price" id="remain" th:text="'余额：￥'+${remain}+''"></span>
            </div>



            <br/>
            <div class="pc-order-go" style="margin-top: 100px ;float: right" >
            <a href="javascript:aliPay()">支付宝支付</a>
        </div>
            <div class="pc-order-go" style="margin-top: 100px ;float: right" >
                <a href="javascript:payNow()">余额支付</a>
            </div>

            <div class="pc-order-go" style="margin-top: 100px;float: right">
                <a href="javascript:history.back(-1)" style="margin-left: 10px">返回</a>

            </div>
        </div>
    </div>
</div>
<div th:if="${toType}=='order'">
    <!-- 订单提交成功 begin-->
    <section>
        <div class="containers">
            <div class="pc-order-title"><h3>您的订单已提交成功!</h3></div>
            <div class="pc-border">
                <div class="pc-order-text">
                    <p>订单提交成功，请您尽快付款！ 订单号 ：<em th:text="${orderId}"></em></p>
                    <p class="reds">请您在提交订单后24小时内完成付款，否则订单自动取消。</em></p>
                </div>
                <div class="pc-line"></div>
                <div class="pc-order-text">
                    <div th:each="scs : ${ordersComSpeAddress.commoditySpecifications}">
                        <p>商品名称：<span th:text="${scs.name}"> <span th:text="${scs.typeName}"></p>
                    </div>

                    <p>
                        收货地址：
                        <span th:text="${ordersComSpeAddress.province}"></span>
                        <span th:text="${ordersComSpeAddress.city}"></span>
                        <span th:text="${ordersComSpeAddress.area}"></span>
                        <span th:text="${ordersComSpeAddress.address}"></span>
                        收货人： <span th:text="${ordersComSpeAddress.receiver}"></span>
                        电话：<span th:text="${ordersComSpeAddress.phone}"></span>
                    </p>
                </div>
            </div>
        </div>
    </section>
    <!-- 订单提交成功 End-->

    <div class="pc-buying clearfix" style="margin-top:30px">
        <div class="time-list time-list-w">
            <!--        <div class="time-title">-->
            <div style="float: left">
                <span class="pc-order-price" id="allPayPrice" th:text="'总价：￥'+${ordersComSpeAddress.sumPrice}+''"></span><br/>
            </div>
            <div style="float: left">
                <span class="pc-order-price" id="remain" th:text="'余额：￥'+${remain}+''"></span>
            </div>


            <!--        </div>-->
            <!--        <div class="time-border time-border-h clearfix">-->
            <!--            <div class="time-border-list pc-shop-clear pc-order-clear H-over clearfix">-->
            <!--                <ul class="pc-order-list clearfix">-->
            <!--                    <li><a th:href="@{/#}"><img th:src="@{/theme/bank/1.png}"></a> </li>-->
            <!--                    <li><a th:href="@{/#}"><img th:src="@{/theme/bank/1.png}"></a> </li>-->
            <!--                    <li><a th:href="@{/#}"><img th:src="@{/theme/bank/1.png}"></a> </li>-->
            <!--                    <li><a th:href="@{/#}"><img th:src="@{/theme/bank/1.png}"></a> </li>-->
            <!--                    <li><a th:href="@{/#}"><img th:src="@{/theme/bank/1.png}"></a> </li>-->
            <!--                    <li><a th:href="@{/#}"><img th:src="@{/theme/bank/1.png}"></a> </li>-->
            <!--                    <li><a th:href="@{/#}"><img th:src="@{/theme/bank/1.png}"></a> </li>-->
            <!--                    <li><a th:href="@{/#}"><img th:src="@{/theme/bank/1.png}"></a> </li>-->
            <!--                    <li><a th:href="@{/#}"><img th:src="@{/theme/bank/1.png}"></a> </li>-->
            <!--                    <li><a th:href="@{/#}"><img th:src="@{/theme/bank/1.png}"></a> </li>-->
            <!--                    <li><a th:href="@{/#}"><img th:src="@{/theme/bank/1.png}"></a> </li>-->
            <!--                    <li><a th:href="@{/#}"><img th:src="@{/theme/bank/1.png}"></a> </li>-->
            <!--                    <li><a th:href="@{/#}"><img th:src="@{/theme/bank/1.png}"></a> </li>-->
            <!--                    <li><a th:href="@{/#}"><img th:src="@{/theme/bank/1.png}"></a> </li>-->
            <!--                    <li><a th:href="@{/#}"><img th:src="@{/theme/bank/1.png}"></a> </li>-->
            <!--                    <li><a th:href="@{/#}"><img th:src="@{/theme/bank/1.png}"></a> </li>-->
            <!--                    <li><a th:href="@{/#}"><img th:src="@{/theme/bank/1.png}"></a> </li>-->
            <!--                    <li><a th:href="@{/#}"><img th:src="@{/theme/bank/1.png}"></a> </li>-->
            <!--                    <li><a th:href="@{/#}"><img th:src="@{/theme/bank/1.png}"></a> </li>-->
            <!--                    <li><a th:href="@{/#}"><img th:src="@{/theme/bank/1.png}"></a> </li>-->
            <!--                </ul>-->
            <!--            </div>-->
            <!--            <div style="display:none;" class="time-border-list  pc-shop-clear pc-order-clear H-over clearfix">-->
            <!--                <ul class="pc-order-list">-->
            <!--                <li><a th:href="@{/#}"><img th:src="@{/theme/bank/1.png}"></a> </li>-->
            <!--                <li><a th:href="@{/#}"><img th:src="@{/theme/bank/1.png}"></a> </li>-->
            <!--                <li><a th:href="@{/#}"><img th:src="@{/theme/bank/1.png}"></a> </li>-->
            <!--                <li><a th:href="@{/#}"><img th:src="@{/theme/bank/1.png}"></a> </li>-->
            <!--                <li><a th:href="@{/#}"><img th:src="@{/theme/bank/1.png}"></a> </li>-->
            <!--                <li><a th:href="@{/#}"><img th:src="@{/theme/bank/1.png}"></a> </li>-->
            <!--                <li><a th:href="@{/#}"><img th:src="@{/theme/bank/1.png}"></a> </li>-->
            <!--                <li><a th:href="@{/#}"><img th:src="@{/theme/bank/1.png}"></a> </li>-->
            <!--                <li><a th:href="@{/#}"><img th:src="@{/theme/bank/1.png}"></a> </li>-->
            <!--                <li><a th:href="@{/#}"><img th:src="@{/theme/bank/1.png}"></a> </li>-->
            <!--                <li><a th:href="@{/#}"><img th:src="@{/theme/bank/1.png}"></a> </li>-->
            <!--                <li><a th:href="@{/#}"><img th:src="@{/theme/bank/1.png}"></a> </li>-->
            <!--                <li><a th:href="@{/#}"><img th:src="@{/theme/bank/1.png}"></a> </li>-->
            <!--                <li><a th:href="@{/#}"><img th:src="@{/theme/bank/1.png}"></a> </li>-->
            <!--                <li><a th:href="@{/#}"><img th:src="@{/theme/bank/1.png}"></a> </li>-->
            <!--                <li><a th:href="@{/#}"><img th:src="@{/theme/bank/1.png}"></a> </li>-->
            <!--                <li><a th:href="@{/#}"><img th:src="@{/theme/bank/1.png}"></a> </li>-->
            <!--                <li><a th:href="@{/#}"><img th:src="@{/theme/bank/1.png}"></a> </li>-->
            <!--                <li><a th:href="@{/#}"><img th:src="@{/theme/bank/1.png}"></a> </li>-->
            <!--                <li><a th:href="@{/#}"><img th:src="@{/theme/bank/1.png}"></a> </li>-->
            <!--                </ul>-->
            <!--            </div>-->
            <!--            <div style="display:none;" class="time-border-list  pc-shop-clear pc-order-clear H-over clearfix">-->
            <!--                <ul class="pc-order-list">-->
            <!--                <li><a th:href="@{/#}"><img th:src="@{/theme/bank/1.png}"></a> </li>-->
            <!--                <li><a th:href="@{/#}"><img th:src="@{/theme/bank/1.png}"></a> </li>-->
            <!--                <li><a th:href="@{/#}"><img th:src="@{/theme/bank/1.png}"></a> </li>-->
            <!--                <li><a th:href="@{/#}"><img th:src="@{/theme/bank/1.png}"></a> </li>-->
            <!--                <li><a th:href="@{/#}"><img th:src="@{/theme/bank/1.png}"></a> </li>-->
            <!--                <li><a th:href="@{/#}"><img th:src="@{/theme/bank/1.png}"></a> </li>-->
            <!--                <li><a th:href="@{/#}"><img th:src="@{/theme/bank/1.png}"></a> </li>-->
            <!--                <li><a th:href="@{/#}"><img th:src="@{/theme/bank/1.png}"></a> </li>-->
            <!--                <li><a th:href="@{/#}"><img th:src="@{/theme/bank/1.png}"></a> </li>-->
            <!--                <li><a th:href="@{/#}"><img th:src="@{/theme/bank/1.png}"></a> </li>-->
            <!--                <li><a th:href="@{/#}"><img th:src="@{/theme/bank/1.png}"></a> </li>-->
            <!--                <li><a th:href="@{/#}"><img th:src="@{/theme/bank/1.png}"></a> </li>-->
            <!--                <li><a th:href="@{/#}"><img th:src="@{/theme/bank/1.png}"></a> </li>-->
            <!--                <li><a th:href="@{/#}"><img th:src="@{/theme/bank/1.png}"></a> </li>-->
            <!--                <li><a th:href="@{/#}"><img th:src="@{/theme/bank/1.png}"></a> </li>-->
            <!--                <li><a th:href="@{/#}"><img th:src="@{/theme/bank/1.png}"></a> </li>-->
            <!--                <li><a th:href="@{/#}"><img th:src="@{/theme/bank/1.png}"></a> </li>-->
            <!--                <li><a th:href="@{/#}"><img th:src="@{/theme/bank/1.png}"></a> </li>-->
            <!--                <li><a th:href="@{/#}"><img th:src="@{/theme/bank/1.png}"></a> </li>-->
            <!--                <li><a th:href="@{/#}"><img th:src="@{/theme/bank/1.png}"></a> </li>-->
            <!--                </ul>-->
            <!--            </div>-->
            <!--            <div class="pc-order-go"><a th:href="@{/#}">去网银支付</a></div>-->
            <!--        </div>-->
            <br/>
            <div class="pc-order-go" style="margin-top: 100px ;float: right" >
                <a href="javascript:aliPay()">支付宝支付</a>
            </div>
            <div class="pc-order-go" style="margin-top: 100px ;float: right" >
                <a href="javascript:payNow()">余额支付</a>
            </div>

            <div class="pc-order-go" style="margin-top: 100px;float: right">
                <a href="javascript:history.back(-1)" style="margin-left: 10px">返回</a>

            </div>

        </div>
    </div>
</div>
<!--- footer begin-->
<div class="aui-footer-bot">
    <div class="time-lists aui-footer-pd clearfix">
        <div class="aui-footer-list clearfix">
            <h4>
                <span><img th:src="@{/myFile/imgold/icon/icon-d1.png}"></span>
                <em>消费者权益</em>
            </h4>
            <ul>
                <li><a th:href="@{/#}">保障范围 </a></li>
                <li><a th:href="@{/#}">退货退款流程</a></li>
                <li><a th:href="@{/#}">服务中心 </a></li>
                <li><a th:href="@{/#}">服务中心</a></li>
                <li><a th:href="@{/#}"> 更多特色服务 </a></li>
            </ul>
        </div>
        <div class="aui-footer-list clearfix">
            <h4>
                <span><img th:src="@{/myFile/imgold/icon/icon-d2.png}"></span>
                <em>新手上路</em>
            </h4>
            <ul>
                <li><a th:href="@{/#}">退货退款流程</a></li>
                <li><a th:href="@{/#}">服务中心 </a></li>
                <li><a th:href="@{/#}">服务中心</a></li>
                <li><a th:href="@{/#}"> 更多特色服务 </a></li>
            </ul>
        </div>
        <div class="aui-footer-list clearfix">
            <h4>
                <span><img th:src="@{/myFile/imgold/icon/icon-d3.png}"></span>
                <em>保障正品</em>
            </h4>
            <ul>
                <li><a th:href="@{/#}">退货退款流程</a></li>
                <li><a th:href="@{/#}">服务中心 </a></li>
                <li><a th:href="@{/#}">服务中心</a></li>
                <li><a th:href="@{/#}"> 更多特色服务 </a></li>
            </ul>
        </div>
        <div class="aui-footer-list clearfix">
            <h4>
                <span><img th:src="@{/myFile/imgold/icon/icon-d1.png}"></span>
                <em>消费者权益</em>
            </h4>
            <ul>
                <li><a th:href="@{/#}">退货退款流程</a></li>
                <li><a th:href="@{/#}">服务中心 </a></li>
                <li><a th:href="@{/#}">服务中心</a></li>
                <li><a th:href="@{/#}"> 更多特色服务 </a></li>
            </ul>
        </div>
    </div>
    <div style="border-bottom:1px solid #dedede"></div>
    <div class="time-lists aui-footer-pd time-lists-ls clearfix">
        <div class="aui-footer-list clearfix">
            <h4>购物指南</h4>
            <ul>
                <li><a th:href="@{/#}">保障范围 </a></li>
                <li><a th:href="@{/#}">购物流程</a></li>
                <li><a th:href="@{/#}">会员介绍 </a></li>
                <li><a th:href="@{/#}">生活旅行</a></li>
                <li><a th:href="@{/#}"> 常见问题 </a></li>
                <li><a th:href="@{/#}"> 联系客服购物指南 </a></li>
            </ul>
        </div>
        <div class="aui-footer-list clearfix">
            <h4>特色服务</h4>
            <ul>
                <li><a th:href="@{/#}">退货退款流程</a></li>
                <li><a th:href="@{/#}">服务中心 </a></li>
                <li><a th:href="@{/#}">服务中心</a></li>
                <li><a th:href="@{/#}"> 更多特色服务 </a></li>
                <li><a th:href="@{/#}"> 更多特色服务 </a></li>
                <li><a th:href="@{/#}"> 更多特色服务 </a></li>
                <li><a th:href="@{/#}"> 更多特色服务 </a></li>
            </ul>
        </div>
        <div class="aui-footer-list clearfix">
            <h4>帮助中心</h4>
            <ul>
                <li><a th:href="@{/#}">退货退款流程</a></li>
                <li><a th:href="@{/#}">退货退款流程</a></li>
                <li><a th:href="@{/#}">退货退款流程</a></li>
                <li><a th:href="@{/#}">退货退款流程</a></li>
                <li><a th:href="@{/#}">服务中心 </a></li>
                <li><a th:href="@{/#}">服务中心</a></li>
                <li><a th:href="@{/#}"> 更多特色服务 </a></li>
            </ul>
        </div>
        <div class="aui-footer-list clearfix">
            <h4>新手指导</h4>
            <ul>
                <li><a th:href="@{/#}">退货退款流程</a></li>
                <li><a th:href="@{/#}">退货退款流程</a></li>
                <li><a th:href="@{/#}">服务中心 </a></li>
                <li><a th:href="@{/#}">服务中心</a></li>
                <li><a th:href="@{/#}">服务中心</a></li>
                <li><a th:href="@{/#}"> 更多特色服务 </a></li>
                <li><a th:href="@{/#}"> 更多特色服务 </a></li>
            </ul>
        </div>
    </div>
</div>
<!-- footer End -->
</body>
</html>